<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅小说-注册</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/moyue/css/all.css}" rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body><div class="wrip">
    <div class="header">
        <div class="header-sy">
            <a th:href="@{/moyue/user/index}" style="font-size: 40px">墨阅</a>
            <a href="javascript:;"style="font-size: 20px">&nbsp;&nbsp;- 欢迎注册</a>
        </div>
    </div>
    <div class="wrip-register">
        <div class="register-top">
            <ul class="register-top-one">
                <li class="register-top-color"><i class="iconfont">&#xe62d;</i>-验证邮箱号</li>
                <li><i class="iconfont">&#xe62e;</i>-注册成功</li>
            </ul>
        </div>
        <div class="register-verify register-block">
            <div class="register-infor-one">
                <div class="infor-one" style="margin-top: 40px;">
                    <div class="infor-one-s">账号名称 &nbsp;&nbsp;&nbsp;| </div>
                    <div class="infor-one-q">
                        <input type="text" placeholder="请输入注册名称" id="count" onchange="check_count()" onkeyup="usdername()">
                    </div>
                </div>
                <span class="span-s" style="margin-top: 40px" id="span4"></span>
                <p id="demo4"></p>
                <div class="infor-one">
                    <div class="infor-one-s">设置密码 &nbsp;&nbsp;&nbsp;|</div>
                    <div class="infor-one-q">
                        <input  placeholder="6-18位大小写字母、符号或数字" id="newni" onchange="newpass()">
                    </div>
                </div>
                <p id="demo5"></p>
                <div class="infor-one">
                    <div class="infor-one-s">确认密码 &nbsp;&nbsp;&nbsp;|</div>
                    <div class="infor-one-q">
                        <input type="password" placeholder="请再次输入密码" id="newnis" onkeyup="newpasses()">
                    </div>
                </div>
                <p id="demo6"></p>
            </div>
            <div class="register-verify-input">
                <div class="register-verify-input-one">
                    <i>手机号</i>
                </div>
                <div class="register-verify-input-one" onchange="upperCase()">
                    <input placeholder="请输入你的手机号码" id="phone" onchange="usderphone()" onkeyup="this.value=this.value.replace(/\D/g,'')">
                </div>
            </div>
            <span class="span-s" id="span5"></span>
            <p id="demo1"></p>
            <div class="register-verify-input" >
                <div class="register-verify-input-one">
                    <i>邮箱号</i>
                </div>
                <div class="register-verify-input-one">
                    <input placeholder="请输入你的邮箱号码" id="email"  onkeyup="formemail()" onchange="accontone()">
                </div>
            </div>
            <span class="span-s" id="span1"></span>
            <p id="demo2"></p>
            <div class="register-varifys">
                <div class="register-varifys-input" style="margin-left: 20px">
                    <input placeholder="请输入邮箱验证码" id="emailcode" onchange="emailpassword()">
                </div>
                <div class="register-varifys-input"style="margin-left: 138px">
                    <input type="button" class="email1s" value="发送邮箱验证码" style="background-color: #f7ba17;color: #fff;height: 100%;" onclick="emailpass()" />
                </div>
            </div>
            <p id="demo3"></p>
            <p id="dome"></p>
            <input type="hidden" class="githubs" th:value="${github}">
            <div class="register-varifys-next" id="reg-btn" onclick="verify()">提交</div>
        </div>
        <div class="register-succeed register-none">
            <div class="succeed-s">
                <img th:src="@{/moyue/images/smile.jpg}" style="width: 240px; margin-bottom: 50px;"/>
                <p>恭喜您，注册成功！</p>
                <p>墨阅网欢迎您的<a th:href="@{/moyue/user/index}">登录</a></p>
            </div>
        </div>
    </div>
</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script  th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript"  th:src="@{/moyue/js/all.js}"></script>
</html>